<template>
	<header>
		<router-link to = "/">
			<span class = "iconfont">&#xe624;</span>
		</router-link>
		城市选择
	</header>
</template>

<script>
	export default {
		name : 'cityHeader'
	}
</script>

<style scoped lang = "less">
	@import '~css/variable.less';
	header {
		height:@headerHeight;
		line-height:@headerHeight;
		background: @bgColor;
		text-align:center;
		font-size: .32rem;
		color:#fff;
		position: relative;
		span {
			width:.8rem;
			height:100%;
			position: absolute;
			top:0;
			left:0;
			color:#fff;
		}
	}
</style>